<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水果库存</title>
    <style type="text/css">
        body{
            height: 600px;
            margin: 0;
            padding: 0;
            background-color: #808080;
        }
        div{
            position: relative;
            float: left;
        }
        #div_container{
            width: 80%;
            height: 100%;
            border: 1px solid blue;
            margin-left: 10%;
            float: left;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #bfa;
        }
        table {
            border-collapse: collapse;
            margin: auto;
        }

        td {
            border: 1px solid black;
            padding: 10px;
        }

    </style>
</head>
<body>
<div id="div_container">
    <table>
        <tr>
            <td>名称</td>
            <td>单价</td>
            <td>数量</td>
            <td>小计</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>苹果</td>
            <td>5</td>
            <td>50</td>
            <td>250</td>
            <td>?</td>
        </tr>
        <tr>
            <td>西瓜</td>
            <td>5</td>
            <td>10</td>
            <td>50</td>
            <td>?</td>
        </tr>
        <tr>
            <td>菠萝</td>
            <td>4</td>
            <td>25</td>
            <td>100</td>
            <td>?</td>
        </tr>
        <tr>
            <td>榴莲</td>
            <td>3</td>
            <td>30</td>
            <td>90</td>
            <td>?</td>
        </tr>
    </table>
</div>
</body>
</html>